<template>
  <div class="hello">
    <h1>{{ msg }} </h1>
    {{number}}
    <el-button type="success" @click="emitMyEvent">emit</el-button>
    <!--<slot></slot>-->
    <slot name="header">no header</slot>
    <p>将父组件中的内容插入到指定的插槽里面</p>
    <slot name="footer">no footer</slot>
  </div>
</template>

<script>

 export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',


    }
  },
//   props:['number'],
//   or
//   props:{
//      'number':[Number,String]
//   },
   props:{
     number:{
       type:String,
       default:''
     }

   },
   methods:{
     emitMyEvent(){
         let vm= this
       vm.$emit('my-event',vm.msg)
     },
   },
  components:{

  }
}
</script>

